<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="fonts/iconfont.css">
    <link rel="stylesheet" href="css/login-page.css">
    <title>Document</title>
</head>

<body>
    <div class="login_header">
        <div class="center">
            <a class="logo_bg" href="frist-page.html" title="文轩网,新华书店"></a>
        </div>
    </div>
    <div class="login_wrapper">

        <div class="center">
            <!-- 右侧登录 -->
            <div class="login_box">
                <!-- tab切换 -->
                <div class="tabs">
                    <span class="active" data-type="account_tab">密码登录</span>
                    <span data-type="mobile_tab" class="">短信登录</span>
                </div>
                <!-- tab切换 end -->

                <!-- form表单 -->
                <div class="form_wrapper">

                    <!-- 帐号登录 -->
                    <div class="account_tab_tab" style="display: inline-block;">
                        <!-- 帐号 -->
                        <div class="account">
                            <div class="icon-block">
                                <i class="iconfont icon-user"></i>
                            </div>
                            <input name="account" placeholder="帐号" type="text" class="accountVerify formInput">
                            <label class="error_hint" name="account"></label>
                        </div>

                        <!-- 密码 -->
                        <div class="password">
                            <div class="icon-block">
                                <i class="iconfont icon-jiesuo"></i>
                            </div>
                            <input name="password" placeholder="密码" type="password" class="formInput">
                            <i class="iconfont iconbukejian showPassword"></i>
                            <label class="error_hint" name="password"></label>
                        </div>

                        <!-- 图形验证码 -->
                        <div class="img_verify_code">
                            <input name="img_verify_code" placeholder="验证码" type="text" class="formInput">
                            <img src="https://passport.winxuan.com/front/check/code" alt="">
                            <a class="update_verify_img">换一张</a>
                            <label class="error_hint" name="img_verify_code"></label>
                        </div>
                    </div>
                    <!-- 帐号登录 end -->

                    <!-- 短信登录 -->
                    <div class="mobile_tab_tab" style="display: none;">
                        <!-- 手机号 -->
                        <div class="mobile">
                            <div class="icon-block">
                                <i class="iconfont icon-shouji"></i>
                            </div>
                            <input name="mobile" placeholder="请输入手机号" type="text" class="accountVerify formInput">
                            <label class="error_hint" name="mobile"></label>
                        </div>

                        <!-- 手机验证码 -->
                        <div class="mobile_verify_code">
                            <div class="icon-block">
                                <i class="iconfont icon-jiesuo"></i>
                            </div>
                            <input name="mobile_verify_code" placeholder="请输入6位短信验证码" type="text" class="formInput">
                            <span class="showPassword">获取验证码</span>
                            <label class="error_hint" name="mobile_verify_code"></label>
                        </div>
                    </div>
                    <!-- 短信登录 end -->

                    <!-- 记住密码 -->
                    <div class="remember_pwd" style="display: block;">
                        <input type="checkbox" name="remember" id="remember_pwd">
                        <label for="remember_pwd">记住密码</label>
                        <a href="/front/forget/password/reset">忘记密码?</a>
                    </div>

                    <!-- 登录按钮 -->
                    <button id="login_btn" class="disabled">登 录</button>
                </div>
                <!-- form表单 end-->

                <a class="reg_link" href="login2.html">立即注册</a>

                <!-- 第三方登录 -->
                <div class="coagent">
                    <p class="title">快捷登录</p>
                    <div class="logo_group">
                        <a href="https://passport.winxuan.com/auth/weixin"><i class="iconfont icon-weixin"></i></a>
                        <a href="https://passport.winxuan.com/auth/qq"><i class="iconfont icon-qq"></i></a>
                        <a href="https://passport.winxuan.com/auth/weibo"><i class="iconfont icon-weibo"></i></a>
                        <a href="https://passport.winxuan.com/auth/alipay"><i class="iconfont icon-zhifubao"></i></a>
                    </div>
                </div>
                <!-- 第三方登录 end -->

            </div>
            <!-- 右侧登录 end -->
        </div>

    </div>
    <script src="js/index-login.js"></script>
</body>

</html>